//
//  SwiftUIView_Icons.swift
//  SwiftUIPractice
//
//  Created by 你图个什么呀 (external - Project) on 2024/8/12.
//

import SwiftUI

struct SwiftUIView_Icons: View {
    var body: some View {
        
        //使用系统自带的图标
        Image(systemName: "heart")
        Image(systemName: "heart.fill")
        
        //变大
        Image(systemName: "heart.fill").font(.largeTitle)
        Image(systemName: "heart.fill").font(.caption)
        
        Image(systemName: "heart.fill").font(.system(size: 60))

        //这样就在图片的外面形成了一个框, 框很大  但是图标很小
        Image(systemName: "heart.fill").frame(width: 100, height: 100)
        
        //这样就在图片的外面形成了一个框, 这种样式就能够让图标撑起来, 填充框
        Image(systemName: "heart.fill").resizable().frame(width: 100, height: 100)

        
        //填充 注意 resizable 和 aspectRatio 的代码顺序!!!
        
        Image(systemName: "heart.fill")
            .resizable()
        
        // 填充 fill  有可能会让图片超出 边框
//            .aspectRatio(contentMode: .fill)
//            .scaledToFit()
            .scaledToFill()
        
            .foregroundStyle(.green).frame(width: 100, height: 100)

        //裁剪
            .clipped()
        
        // 图标渲染
        Image(systemName: "heart.fill").renderingMode(.original)

        
        
    }
}

#Preview {
    SwiftUIView_Icons()
}
